<div bsModal #createOrEditModal="bs-modal" (onShown)="onShown()" class="modal fade qmbopinsert" tabindex="-1"
    role="dialog" aria-labelledby="createOrEditModal" aria-hidden="true"
    [config]="{backdrop: 'static', keyboard: !saving}">
    <div style="width:1880px!important;margin: 1.75rem auto;">
        <div class="modal-content">
            <form *ngIf="active" #userForm="ngForm" novalidate (ngSubmit)="save()" autocomplete="off">
                <div class="modal-header">
                    <h4 class="modal-title">
                        <span>质量记录管理</span>
                    </h4>
                    <button *ngIf="!displayModalForUser && !displayModal && !displayModalForCheck" type="button"
                        class="close" (click)="close()" [attr.aria-label]="l('Close')" [disabled]="saving">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div>
                        <div class="m-content">
                            <div class="row">
                                <div class="col-lg-4">
                                    <span class="title">树形结构</span>
                                    <div class="m-content">
                                        <div class="m-portlet m-portlet--mobile">
                                            <div class="m-portlet__body">
                                                <!-- <div class="tabbable-line">
                                             -->
                                                <div class="row align-items-center">
                                                    <!--<Primeng-TurboTable-Start>-->
                                                    <div class="primeng-datatable-container"
                                                        [busyIf]="primengTableHelper.isLoading">
                                                        <div class="col-md-12" style="
                                                                float: left;
                                                                height: 600px;
                                                            ">

                                                            <p-tree [value]="files2" selectionMode="single"
                                                                [(selection)]="selectedFiles"
                                                                (onNodeSelect)="nodeSelect($event)"
                                                                [style]="{ height: '90%' }" [loading]="loadingtree">
                                                                <ng-template let-node pTemplate="default">
                                                                    <!-- <img class="imgcontent"
                                                                        [src]="(node.nodeLevel==8||node.nodeLevel==9)?'../../../assets/common/images/三级图标.png':node.isLeaf==1?'../../../assets/common/images/二级图标.png':'../../../assets/common/images/一级图标.png'"
                                                                        width="20" height="20" /> -->
                                                                    <img class="imgcontent"
                                                                        src="../../../assets/common/images/三级图标.png"
                                                                        *ngIf="node.nodeLevel==8||node.nodeLevel==9"
                                                                        width="20" height="20" />
                                                                    <img class="imgcontent"
                                                                        src="../../../assets/common/images/0.png"
                                                                        *ngIf="node.nodeLevel==undefind" width="20"
                                                                        height="20" />
                                                                    <img class="imgcontent"
                                                                        src="../../../assets/common/images/1.png"
                                                                        *ngIf="node.nodeLevel==1" width="20"
                                                                        height="20" />
                                                                    <img class="imgcontent"
                                                                        src="../../../assets/common/images/2.png"
                                                                        *ngIf="node.nodeLevel==2" width="20"
                                                                        height="20" />
                                                                    <img class="imgcontent"
                                                                        src="../../../assets/common/images/3.png"
                                                                        *ngIf="node.nodeLevel==3" width="20"
                                                                        height="20" />
                                                                    <img class="imgcontent"
                                                                        src="../../../assets/common/images/4.png"
                                                                        *ngIf="node.nodeLevel==4" width="20"
                                                                        height="20" />
                                                                    <img class="imgcontent"
                                                                        src="../../../assets/common/images/5.png"
                                                                        *ngIf="node.nodeLevel==5" width="20"
                                                                        height="20" />
                                                                    <span
                                                                        *ngIf="node.key==-1">{{node.model}}-{{node.lotNo}}-{{node.nodeDrawingNo}}-{{node.nodeName}}-{{node.stageSign}}</span>
                                                                    <span
                                                                        *ngIf="node.key!=-1">{{node.nodeDrawingNo}}-{{node.nodeName}}</span>
                                                                    <span class="ptagisExport"
                                                                        *ngIf="node.isReturn==1">{{node.isReturn==1?'已回传':''}}</span>
                                                                    <span class="ptagisExport"
                                                                        *ngIf="node.status==8">{{node.status==8?'已归档':''}}</span>
                                                                </ng-template>
                                                            </p-tree>
                                                        </div>

                                                    </div>
                                                    <!--<Primeng-TurboTable-End>-->
                                                </div>
                                                <!-- </div> -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-8">
                                    <!-- 工艺 -->
                                    <div *ngIf="ischeckTree&&ischeckTree.nodeLevel!=8&&ischeckTree.nodeLevel!=9">
                                        <span class="title">质量记录</span>
                                        <p-tabView [style]="{ height: '700px' }">
                                            <!--<p-tabPanel header="部套描述" [selected]="true">
                                                <div class="col-xl-12" style="height: 600px;">
                                                    <div class="col-md-6" class="item-content" style="float: left" *ngIf="isParent">
                                                        发次代码：
                                                        <span class="m-badge m-badge--success m-badge--wide">
                                                            {{ischeckTree?ischeckTree.nodeDrawingNo:''}}
                                                        </span>
                                                    </div>
                                                    <div class="col-md-6" class="item-content" style="float: left" *ngIf="isSon">
                                                        芯级代码：
                                                        <span class="m-badge m-badge--success m-badge--wide">
                                                            {{ischeckTree?ischeckTree.nodeDrawingNo:''}}
                                                        </span>
                                                    </div>
                                                    <div class="col-md-6" class="item-content" style="float: left" *ngIf="isGrandSon">
                                                        部套代码：
                                                        <span class="m-badge m-badge--success m-badge--wide">
                                                            {{ischeckTree?ischeckTree.nodeDrawingNo:''}}
                                                        </span>
                                                    </div>
                                                    <div class="col-md-6" class="item-content" style="float: left" *ngIf="isGrandSons">
                                                        工作项目代码：
                                                        <span class="m-badge m-badge--success m-badge--wide">
                                                            {{ischeckTree?ischeckTree.nodeDrawingNo:''}}
                                                        </span>
                                                    </div>
                                                    <div class="col-md-6" class="item-content" style="float: left">
                                                        部套名称：
                                                        <span class="m-badge m-badge--success m-badge--wide">
                                                            {{ischeckTree?ischeckTree.nodeName:''}}
                                                        </span>
                                                    </div>
                                                    <button type="submit" style="float:right" class="btn btn-primary"
                                                        [buttonBusy]="saving" [busyText]="l('SavingWithThreeDot')"><i
                                                            class="fa fa-save"></i> <span>保存</span></button> 
                                                    <div class="col-md-12" style=" float: left;overflow: auto;height: 90%">
                                                        <form *ngIf="active" #itemInfo="ngForm" novalidate
                                                            (ngSubmit)="save()" autocomplete="off">
                                                            <div class="modal-body">
                                                                <div class="form-group">
                                                                    <label for="nodeDrawingNo">图号</label>
                                                                    <input id="nodeDrawingNo" readonly
                                                                        #nodeDrawingNoInput="ngModel"
                                                                        name="nodeDrawingNo" class="form-control"
                                                                        [(ngModel)]="btInfo.nodeDrawingNo" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="nodeName">名称</label>
                                                                    <input id="nodeName" readonly
                                                                        #nodeNameInput="ngModel" name="nodeName"
                                                                        class="form-control"
                                                                        [(ngModel)]="btInfo.nodeName" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="processName">工艺规程名称</label>
                                                                    <input id="processName" readonly
                                                                        #processNameInput="ngModel" name="processName"
                                                                        class="form-control"
                                                                        [(ngModel)]="btInfo.processName" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="processCode">工艺规程编号</label>
                                                                    <input id="processCode" readonly
                                                                        #processCodeInput="ngModel" name="processCode"
                                                                        class="form-control"
                                                                        [(ngModel)]="btInfo.processCode" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="nodeStageSign">阶段标记:</label>
                                                                     <input id="nodeStageSign" readonly #nodeStageSignInput="ngModel"  name="nodeStageSign" class="form-control" [(ngModel)]="btInfo.nodeStageSign" required maxlength="256"  /> 
                                                                    <span
                                                                        style="margin-right: 15px;color:blue;font-weight: bold;">{{btInfo.nodeStageSign==1?'S':btInfo.nodeStageSign==2?'D':''}}</span>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="btInfoDate">规程关联时间</label>
                                                                    <input id="btInfoDate" readonly
                                                                        #processCodeInput="ngModel" name="btInfoDate"
                                                                        class="form-control" [(ngModel)]="btInfoDate"
                                                                        required maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="padName">规程导出PAD</label>
                                                                    <input id="padName" readonly
                                                                        #processCodeInput="ngModel" name="padName"
                                                                        class="form-control"
                                                                        [(ngModel)]="btInfo.padName" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="btInfoNewDate">规程导出时间</label>
                                                                    <input id="btInfoNewDate" readonly
                                                                        #processCodeInput="ngModel" name="btInfoNewDate"
                                                                        class="form-control" [(ngModel)]="btInfoNewDate"
                                                                        required maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="remark">备注 *</label>
                                                                    <textarea id="remark" pInputTextarea readonly
                                                                        #remarkInput="ngModel" name="remark"
                                                                        class="form-control" [(ngModel)]="btInfo.remark"
                                                                        required maxlength="256"></textarea>
                                                                </div>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>





                                            </p-tabPanel>-->
                                            <p-tabPanel [header]="titleLable" [selected]="true">
                                                <div class="col-xl-12" style="height: 600px;">
                                                    <div class="col-md-4" class="item-content" style="float: left">
                                                        {{titleName}}代码：
                                                        <span class="m-badge m-badge--success m-badge--wide">
                                                            {{ischeckTree?ischeckTree.nodeDrawingNo:''}}
                                                        </span>
                                                    </div>
                                                    <div class="col-md-4" class="item-content" style="float: left">
                                                        {{titleName}}名称：
                                                        <span class="m-badge m-badge--success m-badge--wide">
                                                            {{ischeckTree?ischeckTree.nodeName:''}}
                                                        </span>
                                                    </div>
                                                    <div *ngIf="titleName== '部套'" class="col-md-4" class="item-content"
                                                        style="float: left">
                                                        状态：
                                                        <span class="m-badge m-badge-isRetur m-badge--wide">
                                                            {{ischeckTree.isReturn==1?'已回传':''}}
                                                        </span>
                                                        <span class="m-badge m-badge-isRetur m-badge--wide">
                                                            {{ischeckTree.status==8?'已归档':''}}
                                                        </span>
                                                    </div>
                                                    <div class="col-md-12"
                                                        style="float: left;overflow: auto;height: 90%" *ngIf="isParent">
                                                        <form *ngIf="active" #itemInfo="ngForm" novalidate
                                                            (ngSubmit)="save()" autocomplete="off">
                                                            <div class="modal-body">
                                                                <div class="form-group">
                                                                    <label for="model">型号</label>
                                                                    <input id="model" readonly
                                                                        #nodeDrawingNoInput="ngModel" name="model"
                                                                        class="form-control"
                                                                        [(ngModel)]="parentInfo.model" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="lotNo">发次</label>
                                                                    <input id="lotNo" readonly #nodeNameInput="ngModel"
                                                                        name="lotNo" class="form-control"
                                                                        [(ngModel)]="parentInfo.lotNo" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="modelName">名称</label>
                                                                    <input id="modelName" readonly
                                                                        #processNameInput="ngModel" name="modelName"
                                                                        class="form-control"
                                                                        [(ngModel)]="parentInfo.modelName" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="drawingNo">图号</label>
                                                                    <input id="drawingNo" readonly
                                                                        #processCodeInput="ngModel" name="drawingNo"
                                                                        class="form-control"
                                                                        [(ngModel)]="parentInfo.drawingNo" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="stageSign">阶段标记:</label>
                                                                    <input id="stageSign" readonly
                                                                        #processCodeInput="ngModel" name="stageSign"
                                                                        class="form-control"
                                                                        [(ngModel)]="parentInfo.stageSign" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="userName">创建人</label>
                                                                    <input id="userName" readonly
                                                                        #processCodeInput="ngModel" name="userName"
                                                                        class="form-control"
                                                                        [(ngModel)]="parentInfo.userName" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="creationTime">创建时间</label>
                                                                    <input id="creationTime" readonly
                                                                        #processCodeInput="ngModel" name="creationTime"
                                                                        class="form-control"
                                                                        [(ngModel)]="parentInfo.creationTime" required
                                                                        maxlength="256" />
                                                                </div>
                                                            </div>
                                                        </form>
                                                    </div>
                                                    <div class="col-md-12"
                                                        style="float: left;overflow: auto;height: 90%" *ngIf="isSon">
                                                        <form *ngIf="active" #itemInfo="ngForm" novalidate
                                                            (ngSubmit)="save()" autocomplete="off">
                                                            <div class="modal-body">
                                                                <div class="form-group">
                                                                    <label for="nodeDrawingNo">图号</label>
                                                                    <input id="nodeDrawingNo" readonly
                                                                        #processCodeInput="ngModel" name="nodeDrawingNo"
                                                                        class="form-control"
                                                                        [(ngModel)]="btInfo.nodeDrawingNo" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="nodeName">名称</label>
                                                                    <input id="nodeName" readonly
                                                                        #processNameInput="ngModel" name="nodeName"
                                                                        class="form-control"
                                                                        [(ngModel)]="btInfo.nodeName" required
                                                                        maxlength="256" />
                                                                </div>
                                                            </div>
                                                        </form>
                                                    </div>
                                                    <div class="col-md-12"
                                                        style="float: left;overflow: auto;height: 90%"
                                                        *ngIf="isGrandSon">
                                                        <form *ngIf="active" #itemInfo="ngForm" novalidate
                                                            (ngSubmit)="save()" autocomplete="off">
                                                            <div class="modal-body">
                                                                <div class="form-group">
                                                                    <label for="nodeDrawingNo">图号</label>
                                                                    <input id="nodeDrawingNo" readonly
                                                                        #processCodeInput="ngModel" name="nodeDrawingNo"
                                                                        class="form-control"
                                                                        [(ngModel)]="btInfo.nodeDrawingNo" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="nodeName">名称</label>
                                                                    <input id="nodeName" readonly
                                                                        #processNameInput="ngModel" name="nodeName"
                                                                        class="form-control"
                                                                        [(ngModel)]="btInfo.nodeName" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <hr style="margin-top: 50px;
                                                            height: 25px;
                                                            border-color: #AAAAAA;">
                                                                <div class="form-group">
                                                                    <label for="btInfoDate">规程关联时间</label>
                                                                    <input id="btInfoDate" readonly
                                                                        #processCodeInput="ngModel" name="btInfoDate"
                                                                        class="form-control" [(ngModel)]="btInfoDate"
                                                                        required maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="padName">规程导出PAD</label>
                                                                    <input id="padName" readonly
                                                                        #processCodeInput="ngModel" name="padName"
                                                                        class="form-control"
                                                                        [(ngModel)]="btInfo.padName" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="btInfoNewDate">规程导出时间</label>
                                                                    <input id="btInfoNewDate" readonly
                                                                        #processCodeInput="ngModel" name="btInfoNewDate"
                                                                        class="form-control" [(ngModel)]="btInfoNewDate"
                                                                        required maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="btInfoReturnDate">规程回传时间</label>
                                                                    <input id="btInfoReturnDate" readonly
                                                                        #processCodeInput="ngModel"
                                                                        name="btInfoReturnDate" class="form-control"
                                                                        [(ngModel)]="btInfoReturnDate" required
                                                                        maxlength="256" />
                                                                </div>
                                                            </div>
                                                        </form>
                                                    </div>
                                                    <div class="col-md-12"
                                                        style="float: left;overflow: auto;height: 90%"
                                                        *ngIf="isGrandSons">
                                                        <form *ngIf="active" #itemInfo="ngForm" novalidate
                                                            (ngSubmit)="save()" autocomplete="off">
                                                            <div class="modal-body">
                                                                <div class="form-group">
                                                                    <label for="nodeDrawingNo">图号</label>
                                                                    <input id="nodeDrawingNo" readonly
                                                                        #processCodeInput="ngModel" name="nodeDrawingNo"
                                                                        class="form-control"
                                                                        [(ngModel)]="btInfo.nodeDrawingNo" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="nodeName">名称</label>
                                                                    <input id="nodeName" readonly
                                                                        #processNameInput="ngModel" name="nodeName"
                                                                        class="form-control"
                                                                        [(ngModel)]="btInfo.nodeName" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <hr style="margin-top: 50px;
                                                            height: 25px;
                                                            border-color: #AAAAAA;">
                                                                <div class="form-group">
                                                                    <label for="btInfoDate">规程关联时间</label>
                                                                    <input id="btInfoDate" readonly
                                                                        #processCodeInput="ngModel" name="btInfoDate"
                                                                        class="form-control" [(ngModel)]="btInfoDate"
                                                                        required maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="padName">规程导出PAD</label>
                                                                    <input id="padName" readonly
                                                                        #processCodeInput="ngModel" name="padName"
                                                                        class="form-control"
                                                                        [(ngModel)]="btInfo.padName" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="btInfoNewDate">规程导出时间</label>
                                                                    <input id="btInfoNewDate" readonly
                                                                        #processCodeInput="ngModel" name="btInfoNewDate"
                                                                        class="form-control" [(ngModel)]="btInfoNewDate"
                                                                        required maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="btInfoReturnDate">规程回传时间</label>
                                                                    <input id="btInfoReturnDate" readonly
                                                                        #processCodeInput="ngModel"
                                                                        name="btInfoReturnDate" class="form-control"
                                                                        [(ngModel)]="btInfoReturnDate" required
                                                                        maxlength="256" />
                                                                </div>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </p-tabPanel>
                                            <p-tabPanel header="工艺规程" *ngIf="!isParent && !isSon">

                                                <div class="col-xl-12" style="height: 600px;">
                                                    <div class="col-md-6" class="item-content" style="float: left">
                                                        工艺规程编号：
                                                        <span class="m-badge m-badge--success m-badge--wide">
                                                            {{processFile?processFile.techniqueNumber:''}}
                                                        </span>
                                                    </div>
                                                    <div class="col-md-6" class="item-content" style="float: left">
                                                        工艺规程名称：
                                                        <span class="m-badge m-badge--success m-badge--wide">
                                                            {{processFile?processFile.techniqueName:''}}
                                                        </span>
                                                    </div>

                                                    <div class="col-md-12"
                                                        style=" float: left;overflow: auto;height: 90%">
                                                        <form *ngIf="active" #itemInfo="ngForm" novalidate
                                                            autocomplete="off">
                                                            <div class="modal-body">
                                                                <div class="form-group">
                                                                    <label for="techniqueNumber">文件编号</label>
                                                                    <input id="techniqueNumber" readonly
                                                                        #techniqueNumberInput="ngModel"
                                                                        name="techniqueNumber" class="form-control"
                                                                        [(ngModel)]="processFile.techniqueNumber"
                                                                        required maxlength="256" />

                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="techniqueName">工艺文件名称</label>
                                                                    <input id="techniqueName" readonly
                                                                        #techniqueNameInput="ngModel"
                                                                        name="techniqueName" class="form-control"
                                                                        [(ngModel)]="processFile.techniqueName" required
                                                                        maxlength="256" />

                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="systemCode">产品系统代号</label>
                                                                    <input id="systemCode" readonly
                                                                        #systemCodeInput="ngModel" name="systemCode"
                                                                        class="form-control"
                                                                        [(ngModel)]="processFile.systemCode" required
                                                                        maxlength="256" />

                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="productCode">产品代号</label>
                                                                    <input id="productCode" readonly
                                                                        #processCodeInput="ngModel" name="productCode"
                                                                        class="form-control"
                                                                        [(ngModel)]="processFile.productCode" required
                                                                        maxlength="256" />

                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="moduleCode">零部组件代号:</label>
                                                                    <input id="moduleCode" readonly
                                                                        #moduleCodeInput="ngModel" name="moduleCode"
                                                                        class="form-control"
                                                                        [(ngModel)]="processFile.moduleCode" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="moduleName">零部组件名称:</label>
                                                                    <input id="moduleName" readonly
                                                                        #moduleNameInput="ngModel" name="moduleName"
                                                                        class="form-control"
                                                                        [(ngModel)]="processFile.moduleName" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="nodeStageSign">阶段标记:</label>
                                                                    <!-- <input id="nodeStageSign" readonly #nodeStageSignInput="ngModel"  name="nodeStageSign" class="form-control" [(ngModel)]="btInfo.nodeStageSign" required maxlength="256"  /> -->
                                                                    <input id="stageSign" readonly
                                                                        #processCodeInput="ngModel" name="stageSign"
                                                                        class="form-control"
                                                                        [(ngModel)]="processFile.stageSignDesc" required
                                                                        maxlength="256" />
                                                                    <!-- <span
                                                                        style="margin-right: 15px;color:blue;font-weight: bold;">{{btInfo.nodeStageSign==1?'S':btInfo.nodeStageSign==2?'D':''}}</span> -->
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="techniqueTypeDesc">工艺规程类型:</label>
                                                                    <input id="techniqueTypeDesc" readonly
                                                                        #techniqueTypeInput="ngModel"
                                                                        name="techniqueTypeDesc" class="form-control"
                                                                        [(ngModel)]="processFile.techniqueTypeDesc"
                                                                        required maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="techniqueCharacter">工艺规程特性:</label>
                                                                    <input id="techniqueCharacter" readonly
                                                                        #techniqueCharacterInput="ngModel"
                                                                        name="techniqueCharacter" class="form-control"
                                                                        [(ngModel)]="processFile.techniqueCharacter"
                                                                        required maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="shapeDesc">纸质形式:</label>
                                                                    <input id="shapeDesc" readonly
                                                                        #processCodeInput="ngModel" name="shapeDesc"
                                                                        class="form-control"
                                                                        [(ngModel)]="processFile.shapeDesc" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="secretDegreeDesc">文件密级:</label>
                                                                    <input id="secretDegreeDesc" readonly
                                                                        #secretDegreeInput="ngModel"
                                                                        name="secretDegreeDesc" class="form-control"
                                                                        [(ngModel)]="processFile.secretDegreeDesc"
                                                                        required maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="useUnit">使用单位:</label>
                                                                    <input id="useUnit" readonly #useUnitInput="ngModel"
                                                                        name="useUnit" class="form-control"
                                                                        [(ngModel)]="processFile.useUnit" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="useTime">使用时间:</label>
                                                                    <input id="useTime" readonly #useTimeInput="ngModel"
                                                                        name="useTime" class="form-control"
                                                                        [(ngModel)]="processFile.useTime" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="basisFile">依据文件:</label>
                                                                    <input id="basisFile" readonly
                                                                        #basisFileInput="ngModel" name="basisFile"
                                                                        class="form-control"
                                                                        [(ngModel)]="processFile.basisFile" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="issueUnit">分发单位:</label>
                                                                    <input id="issueUnit" readonly
                                                                        #issueUnitInput="ngModel" name="issueUnit"
                                                                        class="form-control"
                                                                        [(ngModel)]="processFile.issueUnit" required
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="Proofreader">校对人:</label>
                                                                    <input id="Proofreader" readonly name="Proofreader"
                                                                        class="form-control"
                                                                        [(ngModel)]="processFile.proofreader"
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="ProofreaderTime">校对时间:</label>
                                                                    <input id="ProofreaderTime" readonly
                                                                        name="ProofreaderTime" class="form-control"
                                                                        [(ngModel)]="processFile.proofreaderTime"
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="Reviewer">审核人:</label>
                                                                    <input id="Reviewer" readonly name="Reviewer"
                                                                        class="form-control"
                                                                        [(ngModel)]="processFile.reviewer"
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="ReviewerTime">审核时间:</label>
                                                                    <input id="ReviewerTime" readonly
                                                                        name="ReviewerTime" class="form-control"
                                                                        [(ngModel)]="processFile.reviewerTime"
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="Inspector">标检人:</label>
                                                                    <input id="Inspector" readonly name="Inspector"
                                                                        class="form-control"
                                                                        [(ngModel)]="processFile.inspector"
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="InspectorTime">标检时间:</label>
                                                                    <input id="InspectorTime" readonly
                                                                        name="InspectorTime" class="form-control"
                                                                        [(ngModel)]="processFile.inspectorTime"
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="Certifier">批准人:</label>
                                                                    <input id="Certifier" readonly name="Certifier"
                                                                        class="form-control"
                                                                        [(ngModel)]="processFile.certifier"
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="CertifierTime"> 批准时间:</label>
                                                                    <input id="CertifierTime" readonly
                                                                        name="CertifierTime" class="form-control"
                                                                        [(ngModel)]="processFile.certifierTime"
                                                                        maxlength="256" />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="remark">备注 *</label>
                                                                    <textarea id="remark" readonly pInputTextarea
                                                                        #remarkInput="ngModel" name="remark"
                                                                        class="form-control"
                                                                        [(ngModel)]="processFile.remark" required
                                                                        maxlength="256"></textarea>

                                                                </div>
                                                            </div>

                                                        </form>

                                                    </div>
                                                </div>
                                            </p-tabPanel>
                                            <p-tabPanel header="工艺说明卡片" *ngIf="!isParent && !isSon">
                                                <div class="item-content" style="float:left">工艺说明:</div>
                                                <div class="col-xl-12 m-badge m-badge--wide " style="height: 582px;">
                                                    <div id="pane1"
                                                        style="float: left;overflow: auto;height: 90%;text-align: left;">
                                                    </div>
                                                </div>
                                            </p-tabPanel>
                                            <p-tabPanel header="规程变更履历" *ngIf="!isParent && !isSon">
                                                <div class="item-content" style="float:left;width: 100%;">变更履历:</div>
                                                <div class="col-xl-12 " style="height: 582px;">
                                                    <!-- 表格 -->
                                                    <div class="row align-items-center">
                                                        <div class="primeng-datatable-container">
                                                            <p-table [value]="tableForRecord" [paginator]="false"
                                                                [lazy]="true" [scrollable]="true" ScrollWidth="100%">
                                                                <ng-template pTemplate="header">
                                                                    <tr>
                                                                        <th style="width: 100px">
                                                                            变更版本
                                                                        </th>
                                                                        <th style="width: 80px">
                                                                            更改依据
                                                                        </th>
                                                                        <th style="width: 150px">
                                                                            更改单号
                                                                        </th>
                                                                        <th style="width: 100px">
                                                                            更改
                                                                        </th>
                                                                        <th style="width: 100px">
                                                                            审核人
                                                                        </th>
                                                                        <th style="width: 100px">
                                                                            现场确认
                                                                        </th>
                                                                        <th style="width: 180px">
                                                                            变更时间
                                                                        </th>
                                                                        <th style="width: 100px">
                                                                            变更人
                                                                        </th>
                                                                    </tr>
                                                                </ng-template>
                                                                <ng-template pTemplate="body" let-record="$implicit"
                                                                    let-rowIndex="rowIndex">
                                                                    <tr>
                                                                        <td style="width: 100px">
                                                                            <span
                                                                                class="ui-column-title">{{record._editVersion}}
                                                                            </span>
                                                                        </td>
                                                                        <td style="width: 80px">
                                                                            <span class="ui-column-title">
                                                                                {{record.editAccording}}</span>
                                                                        </td>
                                                                        <td style="width: 150px">
                                                                            <span
                                                                                class="ui-column-title">{{record.editNumber}}
                                                                            </span>
                                                                        </td>
                                                                        <td style="width: 100px">
                                                                            <span
                                                                                class="ui-column-title record-click-custom"
                                                                                (click)="recordWatch(record.editFileProcessInfos)">查看更改</span>
                                                                        </td>
                                                                        <td style="width: 100px">
                                                                            <span
                                                                                class="ui-column-title record-click-custom"
                                                                                (click)="personWatch(record.checkPerson,0)">已审核{{record.checkPerson.length}}人
                                                                            </span>
                                                                        </td>
                                                                        <td style="width: 100px">
                                                                            <span
                                                                                class="ui-column-title record-click-custom"
                                                                                (click)="personWatch(record.confirmPerson,1)">已确认{{record.confirmPerson.length}}人</span>
                                                                        </td>
                                                                        <td style="width: 180px">
                                                                            <span
                                                                                class="ui-column-title">{{record.creationTime
                                                                                | momentFormat:'YYYY-MM-DD
                                                                                HH:mm:ss'}}</span>
                                                                        </td>
                                                                        <td style="width: 100px">
                                                                            <span
                                                                                class="ui-column-title">{{record.creatorUserId}}</span>
                                                                        </td>
                                                                    </tr>
                                                                </ng-template>
                                                            </p-table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </p-tabPanel>
                                            <p-tabPanel header="规程操作履历" *ngIf="!isParent && !isSon">
                                                <div class="item-content" style="float:left;width: 100%;">规程操作履历:</div>
                                                <div class="col-xl-12 " style="height: 582px;">
                                                    <!-- 表格 -->
                                                    <div class="row align-items-center">
                                                        <div class="primeng-datatable-container">
                                                            <p-table [value]="tableDataUse" [paginator]="false"
                                                                [lazy]="true" [scrollable]="true" ScrollWidth="100%">
                                                                <ng-template pTemplate="header">
                                                                    <tr>
                                                                        <th style="width: 50px">
                                                                            序号
                                                                        </th>
                                                                        <th style="width: 150px">
                                                                            变更内容
                                                                        </th>
                                                                        <th style="width: 200px">
                                                                            变更详情
                                                                        </th>
                                                                        <th style="width: 100px">
                                                                            操作人
                                                                        </th>
                                                                        <th style="width: 150px">
                                                                            操作时间
                                                                        </th>
                                                                    </tr>
                                                                </ng-template>
                                                                <ng-template pTemplate="body" let-record="$implicit"
                                                                    let-rowIndex="rowIndex">
                                                                    <tr>
                                                                        <td style="width: 50px">
                                                                            <span class="ui-column-title">{{rowIndex+1}}
                                                                            </span>
                                                                        </td>
                                                                        <td style="width: 150px">
                                                                            <span class="ui-column-title">
                                                                                {{record.operationTypeDesc}}</span>
                                                                        </td>
                                                                        <td style="width: 200px">
                                                                            <span
                                                                                class="ui-column-title">{{record.content}}
                                                                            </span>
                                                                        </td>
                                                                        <td style="width: 100px">
                                                                            <span
                                                                                class="ui-column-title">{{record.userName}}</span>
                                                                        </td>
                                                                        <td style="width: 150px">
                                                                            <span
                                                                                class="ui-column-title">{{record.creationTime
                                                                                | momentFormat:'YYYY-MM-DD
                                                                                HH:mm:ss'}} </span>
                                                                        </td>
                                                                    </tr>
                                                                </ng-template>
                                                            </p-table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </p-tabPanel>
                                            <p-tabPanel header="取消三检" *ngIf="!isParent && !isSon">
                                                <div class="item-content" style="float:left;width: 100%;">三检履历:</div>
                                                <div class="col-xl-12 " style="height: 582px;">
                                                    <!-- 表格 -->
                                                    <div class="row align-items-center">
                                                        <div class="primeng-datatable-container">
                                                            <p-table [value]="cansoleData" [paginator]="false"
                                                                [lazy]="true" [scrollable]="true" ScrollWidth="100%">
                                                                <ng-template pTemplate="header">
                                                                    <tr>
                                                                        <th style="width: 100px">
                                                                            工序
                                                                        </th>
                                                                        <th style="width: 80px">
                                                                            工步
                                                                        </th>
                                                                        <th style="width: 100px">
                                                                            所属表
                                                                        </th>
                                                                        <th style="width: 100px">
                                                                            处理人
                                                                        </th>
                                                                        <th style="width: 100px">
                                                                            数据
                                                                        </th>
                                                                    </tr>
                                                                </ng-template>
                                                                <ng-template pTemplate="body" let-record="$implicit"
                                                                    let-rowIndex="rowIndex">
                                                                    <tr>
                                                                        <td style="width: 100px">
                                                                            <span
                                                                                class="ui-column-title">{{record.processesName}}
                                                                            </span>
                                                                        </td>
                                                                        <td style="width: 80px">
                                                                            <span class="ui-column-title">
                                                                                {{record.workStepName}}</span>
                                                                        </td>
                                                                        <td style="width: 100px">
                                                                            <span
                                                                                class="ui-column-title">{{record.tableName}}
                                                                            </span>
                                                                        </td>
                                                                        <td style="width: 100px">
                                                                            <span
                                                                                class="ui-column-title">{{record.creatorUserName}}
                                                                            </span>
                                                                        </td>
                                                                        <td style="width: 100px">
                                                                            <span
                                                                                class="ui-column-title record-click-custom"
                                                                                (click)="checkRecordWatch(record)">查看数据</span>

                                                                        </td>
                                                                    </tr>
                                                                </ng-template>
                                                            </p-table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </p-tabPanel>
                                        </p-tabView>
                                    </div>
                                    <div *ngIf="ischeckTree&&ischeckTree.nodeLevel==8">
                                        <!-- 工序 -->
                                        <span class="title">BOM详情</span>
                                        <p-tabView [style]="{ height: '700px' }">
                                            <p-tabPanel header="工序说明" [selected]="true">

                                                <div class="col-xl-12">
                                                    <div class="col-md-6" class="item-content" style="float: left">
                                                        工序代码：
                                                        <span class="m-badge m-badge--success m-badge--wide">
                                                            {{processInfo.processesSequence}}
                                                        </span>
                                                    </div>
                                                    <div class="col-md-6" class="item-content" style="float: left">
                                                        工序名称：
                                                        <span class="m-badge m-badge--success m-badge--wide">
                                                            {{processInfo.processesName}}
                                                        </span>
                                                        <span *ngFor="let item of check" style="border:2.5px solid red;
                                                        color: red;
                                                        padding: 5px;
                                                        font-size:16px;
                                                        margin-left:20px;">
                                                            {{item}}
                                                        </span>
                                                    </div>
                                                    <div class="col-md-12" style=" float: left">
                                                        <div class="content" style="margin:10px;height:550px;
                                                        overflow:auto;" [innerHTML]="processInfo.processesExplain">
                                                        </div>

                                                    </div>
                                                </div>

                                            </p-tabPanel>
                                        </p-tabView>
                                    </div>
                                    <div *ngIf="ischeckTree&&ischeckTree.nodeLevel==9" style="height:710px">
                                        <div class="col-xl-24" style="height:30px;"
                                            *ngIf="workstepInfo&&workstepInfo.processesSequence">
                                            <div class="col-md-6" class="item-content" style="float: left">
                                                工步代码：
                                                <span class="m-badge m-badge--success m-badge--wide">
                                                    {{ischeckTree.nodeDrawingNo}}-{{ischeckTree.nodeName}}
                                                </span>
                                            </div>
                                            <div class="col-md-6" class="item-content" style="float: left">
                                                工序名称：
                                                <span class="m-badge m-badge--success m-badge--wide">
                                                    {{workstepInfo.processesName}}
                                                </span>
                                                <span *ngFor="let item of workStepCheck" style="border:2.5px solid red;
                                                        color: red;
                                                        padding: 5px;
                                                        font-size:16px;
                                                        margin-left:20px;">
                                                    {{item}}
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col-md-24" class="item-content-step" style="height:250px;">
                                            <div class="col-md-6" class="item-content" style="float: left;height:100%;">
                                                <p-card header="工步信息" [style]="{width: '500px'}">
                                                    <div class="content" style="margin: 10px;"
                                                        [innerHTML]="workstepInfo&&workstepInfo.workStepOut&&workstepInfo.workStepOut.workStepName">
                                                    </div>
                                                </p-card>
                                            </div>
                                            <div class="col-md-6" class="item-content" style="float: left;height:100%;"
                                                *ngIf="workstepInfo&&workstepInfo.workStepOut&&workstepInfo.workStepOut.workStepContent">
                                                <p-card header=" " [style]="{width: '650px'}">
                                                    <div class="content"
                                                        [innerHTML]="workstepInfo&&workstepInfo.workStepOut&&workstepInfo.workStepOut.workStepContent">
                                                    </div>
                                                </p-card>

                                            </div>

                                        </div>

                                        <div class="col-md-12" class="item-content"
                                            style="float: left;margin-top: 20px; ">
                                            <p-tabView (onChange)="onTabChange($event)" [style]="{ height: '400px' }">
                                                <p-tabPanel [header]="tableitem.tableName" [selected]="i == 0"
                                                    *ngFor="let tableitem of workstepInfo.tableNameDictionary;let i = index">
                                                </p-tabPanel>
                                                <div class="col-xl-24">
                                                    <div class="primeng-datatable-container processlabel">
                                                        <p-table #dataTable [value]="workStepData" [paginator]="false"
                                                            dataKey="id" [scrollable]="true" ScrollWidth="100%">
                                                            <ng-template pTemplate="header">
                                                                <tr>
                                                                    <th style="width: 150px"
                                                                        *ngFor="let headerItem of (workStepHeader&&workStepHeader.filedName?workStepHeader.filedName:[])">
                                                                        {{headerItem}}
                                                                    </th>
                                                                </tr>
                                                            </ng-template>
                                                            <ng-template pTemplate="body" let-record="$implicit"
                                                                let-rowIndex="rowIndex">
                                                                <tr>
                                                                    <td style="width: 150px"
                                                                        *ngFor="let headerprop of (workStepHeader&&workStepHeader.filedDesc?workStepHeader.filedDesc:[])">
                                                                        <ng-container [ngSwitch]="headerprop">
                                                                            <div *ngSwitchCase="'serialNum'">
                                                                                <span>
                                                                                    {{rowIndex+1}}
                                                                                </span>
                                                                            </div>
                                                                            <div *ngSwitchCase="'photoNo'">
                                                                                <div class="imgList">
                                                                                    <!-- <p-lightbox [images]="getImage(record[headerprop])">
                                                                                    </p-lightbox> -->
                                                                                    <span
                                                                                        *ngIf="record[headerprop] == '否' || record[headerprop] == ''; else havePhoto">{{record[headerprop]}}</span>
                                                                                    <ng-template #havePhoto>
                                                                                        <a target="_blank"
                                                                                            [href]="item.source"
                                                                                            style="padding: 5px;"
                                                                                            *ngFor="let item of getImage(record[headerprop])">
                                                                                            <img [src]="item.source"
                                                                                                height="30px"
                                                                                                width="30px">
                                                                                        </a>
                                                                                    </ng-template>
                                                                                    <a target="_blank"
                                                                                        [href]="item.source"
                                                                                        style="padding: 5px;"
                                                                                        *ngFor="let item of getVideo(record[headerprop])">
                                                                                        <i class="pi pi-video"
                                                                                            style="font-size: 2em;color:#5599FF;"></i>
                                                                                    </a>
                                                                                </div>
                                                                            </div>
                                                                            <div *ngSwitchCase="'secondPhotoNo'">
                                                                                <div class="imgList">
                                                                                    <!-- <p-lightbox [images]="getImage(record[headerprop])">
                                                                                    </p-lightbox> -->
                                                                                    <a target="_blank"
                                                                                        [href]="item.source"
                                                                                        style="padding: 5px;"
                                                                                        *ngFor="let item of getImage(record[headerprop])">
                                                                                        <img [src]="item.source"
                                                                                            height="30px" width="30px">
                                                                                    </a>
                                                                                    <a target="_blank"
                                                                                        [href]="item.source"
                                                                                        style="padding: 5px;"
                                                                                        *ngFor="let item of getVideo(record[headerprop])">
                                                                                        <i class="pi pi-video"
                                                                                            style="font-size: 2em;color:#5599FF;"></i>
                                                                                    </a>
                                                                                </div>
                                                                            </div>
                                                                            <div *ngSwitchCase="'thirdPhotoNo'">
                                                                                <div class="imgList">
                                                                                    <!-- <p-lightbox [images]="getImage(record[headerprop])">
                                                                                    </p-lightbox> -->
                                                                                    <a target="_blank"
                                                                                        [href]="item.source"
                                                                                        style="padding: 5px;"
                                                                                        *ngFor="let item of getImage(record[headerprop])">
                                                                                        <img [src]="item.source"
                                                                                            height="30px" width="30px">
                                                                                    </a>
                                                                                    <a target="_blank"
                                                                                        [href]="item.source"
                                                                                        style="padding: 5px;"
                                                                                        *ngFor="let item of getVideo(record[headerprop])">
                                                                                        <i class="pi pi-video"
                                                                                            style="font-size: 2em;color:#5599FF;"></i>
                                                                                    </a>
                                                                                </div>
                                                                            </div>
                                                                            <div *ngSwitchCase="'fourthPhotoNo'">
                                                                                <div class="imgList">
                                                                                    <!-- <p-lightbox [images]="getImage(record[headerprop])">
                                                                                    </p-lightbox> -->
                                                                                    <a target="_blank"
                                                                                        [href]="item.source"
                                                                                        style="padding: 5px;"
                                                                                        *ngFor="let item of getImage(record[headerprop])">
                                                                                        <img [src]="item.source"
                                                                                            height="30px" width="30px">
                                                                                    </a>
                                                                                    <a target="_blank"
                                                                                        [href]="item.source"
                                                                                        style="padding: 5px;"
                                                                                        *ngFor="let item of getVideo(record[headerprop])">
                                                                                        <i class="pi pi-video"
                                                                                            style="font-size: 2em;color:#5599FF;"></i>
                                                                                    </a>
                                                                                </div>
                                                                            </div>
                                                                            <!-- 操作人 1-5检 -->
                                                                            <div *ngSwitchCase="'route'">
                                                                                <span style="color: blue;cursor:pointer"
                                                                                    (click)="showUrlInfo(record)">
                                                                                    {{record[headerprop]}}
                                                                                </span>
                                                                            </div>
                                                                            <div *ngSwitchCase="'firstOperator'">
                                                                                <div style="padding: 5px;"
                                                                                    *ngFor="let item of getUser(record[headerprop])">
                                                                                    <a target="_blank" [href]="item.url"
                                                                                        style="color: blue;cursor:pointer">{{item.name}}</a>
                                                                                    <span
                                                                                        style="margin-left: 5px;">{{item.time}}</span>
                                                                                </div>
                                                                            </div>
                                                                            <div *ngSwitchCase="'secondOperator'">
                                                                                <div style="padding: 5px;"
                                                                                    *ngFor="let item of getUser(record[headerprop])">
                                                                                    <a target="_blank" [href]="item.url"
                                                                                        style="color: blue;cursor:pointer">{{item.name}}</a>
                                                                                    <span
                                                                                        style="margin-left: 5px;">{{item.time}}</span>
                                                                                </div>
                                                                            </div>
                                                                            <div *ngSwitchCase="'thirdOperator'">
                                                                                <div style="padding: 5px;"
                                                                                    *ngFor="let item of getUser(record[headerprop])">
                                                                                    <a target="_blank" [href]="item.url"
                                                                                        style="color: blue;cursor:pointer">{{item.name}}</a>
                                                                                    <span
                                                                                        style="margin-left: 5px;">{{item.time}}</span>
                                                                                </div>
                                                                            </div>
                                                                            <div *ngSwitchCase="'fourthOperator'">
                                                                                <div style="padding: 5px;"
                                                                                    *ngFor="let item of getUser(record[headerprop])">
                                                                                    <a target="_blank" [href]="item.url"
                                                                                        style="color: blue;cursor:pointer">{{item.name}}</a>
                                                                                    <span
                                                                                        style="margin-left: 5px;">{{item.time}}</span>
                                                                                </div>
                                                                            </div>
                                                                            <div *ngSwitchCase="'fifthOperator'">
                                                                                <div style="padding: 5px;"
                                                                                    *ngFor="let item of getUser(record[headerprop])">
                                                                                    <a target="_blank" [href]="item.url"
                                                                                        style="color: blue;cursor:pointer">{{item.name}}</a>
                                                                                    <span
                                                                                        style="margin-left: 5px;">{{item.time}}</span>
                                                                                </div>
                                                                            </div>
                                                                            <div *ngSwitchDefault>
                                                                                {{record[headerprop]}}
                                                                            </div>
                                                                        </ng-container>
                                                                    </td>
                                                                </tr>
                                                            </ng-template>
                                                        </p-table>
                                                        <!-- <div class="primeng-paging-container" style="margin-top: 20px;">
                                                            <p-paginator [rows]="primengTableHelper.defaultRecordsCountPerPage" #paginator
                                                                (onPageChange)="getTreeInfo()"
                                                                [totalRecords]="primengTableHelper.totalRecordsCount"
                                                                [rowsPerPageOptions]="primengTableHelper.predefinedRecordsCountPerPage">
                                
                                                            </p-paginator>
                                                            <span class="total-records-count">
                                                                {{'TotalRecordsCount' | localize:primengTableHelper.totalRecordsCount}}
                                                            </span>
                                                        </div> -->
                                                    </div>
                                                </div>
                                            </p-tabView>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <p-dialog header="审核" [(visible)]="displayModalForUser" [modal]="true" [style]="{width: '50vw'}"
                    [draggable]="false" [resizable]="false" onHide="userHide($event)">
                    <p-table [value]="personData" [paginator]="false" [lazy]="true" [scrollable]="true"
                        ScrollWidth="100%">
                        <ng-template pTemplate="header">
                            <tr>
                                <th style="width: 100px">审核人</th>
                                <th style="width: 150px">审核状态</th>
                                <th style="width: 150px">审核信息</th>
                            </tr>
                        </ng-template>
                        <ng-template pTemplate="body" let-record="$implicit" let-rowIndex="rowIndex">
                            <tr>
                                <td style="width: 100px">
                                    <span class="ui-column-title">{{record.checker}}</span>
                                </td>
                                <td style="width: 150px">{{record.checkStatus}}</td>
                                <td style="width: 150px">
                                    <div>{{record.checkMsg[0].user}}</div>
                                    <div>{{record.checkMsg[0].date | momentFormat:'YYYY-MM-DD HH:mm:ss'}}</div>
                                </td>
                            </tr>
                        </ng-template>
                    </p-table>
                </p-dialog>
                <p-dialog header="确认" [(visible)]="displayModalForCheckPerson" [modal]="true" [style]="{width: '50vw'}"
                    [draggable]="false" [resizable]="false" onHide="userHide($event)">
                    <p-table [value]="personData" [paginator]="false" [lazy]="true" [scrollable]="true"
                        ScrollWidth="100%">
                        <ng-template pTemplate="header">
                            <tr>
                                <th style="width: 100px">确认人</th>
                                <th style="width: 150px">确认时间</th>
                            </tr>
                        </ng-template>
                        <ng-template pTemplate="body" let-record="$implicit" let-rowIndex="rowIndex">
                            <tr>
                                <td style="width: 100px">
                                    <span class="ui-column-title">{{record.checker}}</span>
                                </td>
                                <td style="width: 150px">{{record.checkMoment | momentFormat:'YYYY-MM-DD HH:mm:ss'}}
                                </td>
                            </tr>
                        </ng-template>
                    </p-table>
                </p-dialog>
                <!-- 20221208曲冰修改 -->
                <p-dialog header="更改信息" [(visible)]="displayModal" [modal]="true"
                    [style]="{width: '50vw','background-color':'#FFFFFF'}" [draggable]="false" [resizable]="false"
                    onHide="msgHide($event)">
                    <div style="height: 860px;overflow: auto;" class="dialog-change">
                        <div *ngFor="let item of changeData">
                            <div
                                style="width: 100%; padding: 10px;background-color: rgba(242, 242, 242, 1);font-size: 20px;">
                                <!-- item.processesName -->
                                工序：{{item.processesName}}
                            </div>
                            <div *ngIf="item.updateProcessContent">
                                <div style="font-size: 28px;">描述</div>
                                <!-- item.updateProcessesExplain -->
                                <div class="requirement"
                                    [innerHtml]="getChangeData(item.processesExplain,item.updateProcessesExplain)">
                                </div>
                            </div>
                            <div *ngFor="let step of item.editFileStepInfos">
                                <!-- 工步 -->

                                <div *ngIf="!step.newStep && step.deletedStep" style="font-size: 28px;color: red;">
                                    删除：工步：{{step.workStepNumber}}</div>
                                <div *ngIf="step.newStep"
                                    style="background-color: rgba(242, 242, 242, 1); padding: 10px;font-size: 20px;margin-top: 10px;width: 15%;color: #66DD00;">
                                    工步：{{step.workStepNumber}}</div>

                                <div *ngIf="!step.newStep && !step.deletedStep"
                                    style="background-color: rgba(242, 242, 242, 1); padding: 10px;font-size: 20px;margin-top: 10px;width: 15%;">
                                    工步：{{step.workStepNumber}}</div>



                                <div *ngIf="step.updateStepContent">
                                    <div style="font-size: 28px;">描述</div>
                                    <div class="requirement"
                                        [innerHtml]="getChangeData(step.tWorkStepContent,step.workStepUpdateContent)">
                                    </div>
                                </div>
                                <!-- <div style="margin-top: 10px;">
                                    <img style="width: 287px; height: 256px;border: 5px solid red;"
                                        src="../../../../assets/common/images/bg-6.jpg" alt="">
                                    <img style="width: 287px; height: 256px;margin-left: 50px;;border: 5px solid 	#66DD00;"
                                        src="../../../../assets/common/images/bg-6.jpg" alt="">
                                </div> -->
                                <div *ngFor="let table of step.editFileTableInfos">
                                    <div *ngIf="table.newTable">
                                        <div style="font-size: 28px;color: #66DD00;">新增：{{table.tableName}}</div>
                                        <div style="margin-top: 10px;">
                                            <p-table [value]="table.editFileRowInfos" [paginator]="false" [lazy]="true"
                                                [scrollable]="true" ScrollWidth="100%">
                                                <ng-template pTemplate="header">
                                                    <tr>
                                                        <th *ngFor="let title of table.editFileTableStructInfos"
                                                            style="width: 100px">
                                                            {{title.displayName}}
                                                        </th>
                                                    </tr>
                                                </ng-template>
                                                <ng-template pTemplate="body" let-record="$implicit"
                                                    let-rowIndex="rowIndex">
                                                    <tr>
                                                        <td *ngFor="let title of table.editFileTableStructInfos"
                                                            style="width: 100px">
                                                            <div [innerHtml]="record[title.fieldName]"></div>
                                                        </td>
                                                    </tr>
                                                </ng-template>
                                            </p-table>
                                        </div>
                                    </div>
                                    <div *ngIf="table.deletedTable">
                                        <div style="font-size: 28px;color: red;">删除：{{table.tableName}}</div>
                                        <div style="margin-top: 10px;">
                                            <p-table [value]="table.editFileRowInfos" [paginator]="false" [lazy]="true"
                                                [scrollable]="true" ScrollWidth="100%">
                                                <ng-template pTemplate="header">
                                                    <tr>
                                                        <th *ngFor="let title of table.editFileTableStructInfos"
                                                            style="width: 100px">
                                                            {{title.displayName}}
                                                        </th>
                                                    </tr>
                                                </ng-template>
                                                <ng-template pTemplate="body" let-record="$implicit"
                                                    let-rowIndex="rowIndex">
                                                    <tr>
                                                        <td *ngFor="let title of table.editFileTableStructInfos"
                                                            style="width: 100px">
                                                            <div [innerHtml]="record[title.fieldName]"></div>
                                                        </td>
                                                    </tr>
                                                </ng-template>
                                            </p-table>
                                        </div>
                                    </div>
                                    <div *ngIf="!table.newTable && !table.deletedTable">
                                        <!-- 表格修改 -->
                                        <div style="font-size: 28px;">变更：{{table.tableName}}</div>
                                        <div style="margin-top: 10px;">
                                            <p-table [value]="table.editFileRowInfos" [paginator]="false" [lazy]="true"
                                                [scrollable]="true" ScrollWidth="100%">
                                                <ng-template pTemplate="header">
                                                    <tr>
                                                        <th *ngFor="let title of table.editFileTableStructInfos"
                                                            style="width: 100px">
                                                            {{title.displayName}}
                                                        </th>
                                                    </tr>
                                                </ng-template>
                                                <ng-template pTemplate="body" let-record="$implicit"
                                                    let-rowIndex="rowIndex">
                                                    <tr [class]="getTrStyle(record)">
                                                        <td *ngFor="let title of table.editFileTableStructInfos"
                                                            style="width: 100px">
                                                            <div class="requirement"
                                                                [innerHtml]="getChangeTableData(record,title.fieldName)">
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </ng-template>
                                            </p-table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </p-dialog>
                <p-dialog header="数据" [(visible)]="displayModalForCheck" [modal]="true" [style]="{width: '50vw'}"
                    [draggable]="false" [resizable]="false" onHide="userHide($event)">
                    <p-table [value]="checkData" [paginator]="false" [lazy]="true" [scrollable]="true"
                        ScrollWidth="100%">
                        <ng-template pTemplate="header">
                            <tr>
                                <th *ngFor="let item of checkTitle" style="width: 120px">{{item.displayName}}</th>
                            </tr>
                        </ng-template>
                        <ng-template pTemplate="body" let-record="$implicit" let-rowIndex="rowIndex">
                            <tr>
                                <td style="width: 120px" *ngFor="let item of checkTitle">
                                    <div *ngIf="item.fieldName == 'PhotoNo'">
                                        <div *ngFor="let data of record[item.fieldName]">
                                            <a target="_blank" [href]="photo" style="padding: 5px;"
                                                *ngFor="let photo of data.picture">
                                                <img [src]="photo" height="30px" width="30px">
                                            </a>
                                            <a target="_blank" [href]="video" style="padding: 5px;"
                                                *ngFor="let video of data.video">
                                                <i class="pi pi-video" style="font-size: 2em;color:#5599FF;"></i>
                                            </a>
                                        </div>
                                    </div>
                                    <span *ngIf="item.fieldName != 'PhotoNo'"
                                        class="ui-column-title">{{record[item.fieldName]}}</span>
                                </td>
                            </tr>
                        </ng-template>
                    </p-table>
                </p-dialog>
                <div class="modal-footer">
                    <!-- <button [disabled]="saving" type="button" class="btn btn-default" (click)="close()">{{"Cancel" | localize}}</button>
                    <button type="submit" class="btn btn-primary" [disabled]="!userForm.form.valid" [buttonBusy]="saving" [busyText]="l('SavingWithThreeDot')"><i class="fa fa-save"></i> <span>{{"Save" | localize}}</span></button> -->
                </div>
            </form>
        </div>
    </div>

</div>